<template>
        <van-col span="2" @click="sortEvent()">理赔</van-col>
        <van-col span="1" class="right-10">
                <div class="upTriangle" ></div>
                <div class="downTriangle" ></div>
        </van-col>
        <van-col span="4"  @click="sortEvent()">平米造价</van-col>
        <van-col span="1">
                <div class="upTriangle" ></div>
                <div class="downTriangle" ></div>
        </van-col>
</template>
<script setup lang="ts">
import { reactive } from "vue";
import { useSearch } from "./useSearch";

const emit = defineEmits(['send-tips'])
const initData = reactive({

} as any)
const props = defineProps<{ data: Project[], num: number }>()
const {
        sortEvent,
        value
} = useSearch(props, initData, emit)
</script>
<style scoped>
.upTriangle {
        width: 0;
        height: 0;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 5px solid #000;
        margin: 3px 0;
}

.downTriangle {
        width: 0;
        height: 0;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid #000;
}
.selectTriangleUp {
        border-bottom: 5px solid #f5a623;
}
.selectTriangleDown {
        border-top: 5px solid #f5a623;
}
</style>